<!DOCTYPE html>
<html lang="en" dir="ltr">

<head>
  <meta charset="utf-8">

  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <title>Bootstrap learn</title>

  <!-- 从cdn引入css文件 -->
  <link href="http://libs.baidu.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet">

</head>

<body>
<h1>Buttons</h1>

<pre>
  • 可以用 ‘lg’, ‘md’ and ‘xs’ 等等. 设置按钮的大小
  • 第3行添加了图标. 更多的图标请查询 <a href="https://getbootstrap.com/docs/3.3/components/#glyphicons">Boostrap-webpage</a>
</pre>

<button type="button" class="btn btn-primary">Sign in</button>
<button type="button" class="btn btn-danger"> Delete <span class="glyphicon glyphicon-trash"><span></button>
<button type="submit" class="btn btn-lg btn-success">Submit</button>
<button type="submit" class="btn btn-md btn-success">Submit</button>
<button type="submit" class="btn btn-sm btn-success">Submit</button>

  <!-- 从cdn引入 jquery bootstrap库 -->
  <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
  <script src="http://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>

</body>

</html>
